<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<script type="text/javascript">
	$(document).ready(function(){
		
		// 중복체크
		$("#id").focus(function(){
			$("#checkId").text("");
		}); //focus
		$("input[name=check]").click(function(){
			var id=$("input[name=id]").val();
			$.ajax({
			type:"POST",
			url:"isExistId.do",
			data:"id="+id+"&membertype=t",
			dataType:"json",
			success:function(jsonData){
			if(jsonData==1){			
				$("#checkId").html("<font color='red'> 중복된 아이디 입니다</font>");	
				 	} 
				}//jsondata
			});//ajax			
		     if($("#id").val()==""){
				$("#checkId").html("<font color='red'> 아이디를 입력해주세요</font>");						
			}else{ 
		 			$("#checkId").html("<font color='blue'> 사용가능한 아이디입니다.</font>");
					return true;
			} //else if			
		}); //function
		
	// 패스워드확인 일치 
		$("#confirmpass").keyup(function(){
			if($("#password").val()!=$("#confirmpass").val()){
				$("#checkPassword").html("<font color='red'>패스워드가 틀립니다.</font>");						
			}else{ //else if			
				 $("#checkPassword").html("<font color='blue'> 패스워드가 일치합니다.</font>");
			}//if-else
		});//click
	
	
	// 공란시 경고창 문구 
		$(form).submit(function(){	
		if($("input[name=name]").val()==""){
			alert("성명를 입력해 주세요");
			return false;
		}
		if($("input[name=confirmpass]").val()==""){
			alert("비밀번호확인을 입력해 주세요");
			return false;
		}
		if($("input[name=tel]").val()==""){
			alert("연락처를 입력해 주세요");
			return false;
		}
		if($("input[name=email]").val()==""){
			alert("이메일을 입력해 주세요");
			return false;
		}
		if($("input[name=hoperegion]").val()==""){
			alert("희망지역을 입력하세요");
			return false;
		}
		if($("input[name=questionPass]").val()==""){
			alert("질문을 입력하세요");
			return false;
		}
		if($("input[name=answerPass]").val()==""){
			alert("답변을 입력하세요");
			return false;
		}
		if($("input[name=originalPass]").val()==""){
			alert("사진등록  하세요");
			return false;
		}
		if($("input[name=saveFileName]").val()==""){
			alert("변경값을 입력하세요");
			return false;
		}
		if($("input[name=enrollDate]").val()==""){
			alert("등록날짜를 입력하세요");
			return false;
		}
		if($("input[name=university]").val()==""){
			alert("학교명을 입력하세요");
			return false;
		}
		if($("input[name=hopeSubject]").val()==""){
			alert("희망과목을 입력하세요");
			return false;
		}
		if($("input[name=hopeGender]").val()==""){
			alert("성별을 입력하세요");
			return false;
		}
		if($("input[name=availableStudent]").val()==""){
			alert("학년을 체크하세요");
			return false;
		}
		if($("input[name=availableDay]").val()==""){
			alert("날짜를 선택하세요");
			return false;
		}
		if($("input[name=availableTime]").val()==""){
			alert("시간을 입력하세요");
			return false;
		}
		if($("textarea[name=intro]").val()==""){
			alert("자기소개를 입력하세요");
			return false;
		} // if		
	});

		//초기에 화면에 뿌려줄 내용
		//$("#total_gugunDiv").hide();
		$.ajax({
			type:"POST",
			url:"hopeSubjectList.do",
			dataType:"json",
			success:function(jsonData){	
				
				//성별 가져와서 뿌리기
				$("#gender option").remove();
				 var op="<option value='false'>-------</option>";
				$("#gender").append(op);
 				$.each(jsonData.genderList,function(index, genderlist){
 					op="<option value="+genderlist.code_code+">"+genderlist.code_name+"</option>";
					$("#gender").append(op); 
				});				
					//희망지역 리스트 가져와서 뿌리기
				$("#hoperegion option").remove();
				op="<option value='false'>-----------------</option>";
				$("#hoperegion").append(op);
 				$.each(jsonData.sidoList,function(index, sidoList){	//jsonData.sidoList을 sidolist란 이름으로 사용
 					op="<option value="+sidoList.code_code+">"+sidoList.code_name+"</option>";
					$("#hoperegion").append(op); 
				}); 
 				$("#gugun").hide();

 				//희망과목 가져와서 뿌리기
				$("#hopesubject option").remove();
				op="<option value='false'>-----------------</option>";
				$("#hopesubject").append(op);
 				$.each(jsonData.hopeSubjectList,function(index,hopesubjectlist){
 					op="<option value="+hopesubjectlist.code_code+">"+hopesubjectlist.code_name+"</option>";
					$("#hopesubject").append(op); 
				});
 				
 				// 학생 희망 성별 가져와서 뿌리기
 				$("#hopegender option").remove();
				op="<option value='false'>-------</option>";
				$("#hopegender").append(op);
 				$.each(jsonData.genderList,function(index, genderlist){
 					op="<option value="+genderlist.code_code+">"+genderlist.code_name+"</option>";
					$("#hopegender").append(op); 
				});
 	 				//학교학년 가져와서 뿌리기
				$("#availablestudent option").remove();
				op="<option value='false'>------------------------</option>";
				$("#availablestudent").append(op);
 				$.each(jsonData.gradeList,function(index, gradelist){
 					op="<option value="+gradelist.code_code+">"+gradelist.code_name+"</option>";
					$("#availablestudent").append(op); 
				});  
 				 //비밀번호 찾기 가져와서 뿌리기
				$("#questionpass option").remove();
				op="<option value='false'>-------------------------------------------------------</option>";
				$("#questionpass").append(op);
 				$.each(jsonData.passwordList,function(index, passwordList){
 					op="<option value="+passwordList.code_code+">"+passwordList.code_name+"</option>";
					$("#questionpass").append(op); 
 				});
 				
			}//success
		});//ajax
		
		$("#hoperegion").change(function(){
			userSido=$(this).val();
			if(userSido=='false'){//시도 값이 바뀌었는데 --을 선택한 경우
				$("#gugun").hide();
			}else{						
				$("#gugun").show();				
			}
			$.ajax({
				type:"POST",
				url:"gugunList.do",
				data:"code_code="+userSido,
				dataType:"json",
				success:function(jsonData){
	 				//구군정보 가져와서 뿌리기
					$("#gugun option").remove();
					var op="<option value='false'>--</option>";
					$("#gugun").append(op);
	 				$.each(jsonData,function(index, codemaster){
	 					op="<option value="+codemaster.code_code+">"+codemaster.code_name+"</option>";
						$("#gugun").append(op); 
					});
				}
			});
		}); //form submit
		$("#checkAll").click(function() {
			$("input[name=availableday]:checkbox").each(function() {
				$(this).attr("checked", true);
			});
		});
		$("#uncheckAll").click(function() {
			$("input[name=availableday]:checkbox").each(function() {
				$(this).attr("checked", false);
			});
		});
	});//ready
	
</script>

<h3>선생님 회원 가입</h3>
<table bordercolor="orange" >
<tr>
<td style="border-color: orange; border-width: thin;">
<font size="2" color="grey">●</font> <font size="2" color="orange">*</font>
<font size="2" color="grey">는 회원 등록시 필수 입력사항입니다.<br>
● 아이디의 경우 중복체크를 확인하세요.
</font>
</td>
</tr>
</table>
<form name="form" method="post" enctype="multipart/form-data" action="castingTeacher.do" >
<input type="hidden" name="originalfilename">
<input type="hidden" name="savefilename">
<input type="hidden" name="enrolldate">
<input type="hidden" name="withdrawaldate">
<input type="hidden" name="membertype" value="t">
<table style="font-size: small;">
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 아이디:</td>
<td><input type="text" name="id" id="id"  ><input type="button" name="check" value="아이디중복확인" ><span id="checkId"></span></td>
</tr>
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 이름:</td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 패스워드:</td>
<td><input type="password" id="password" name="password"></td>
</tr>
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 패스워드 확인:</td>
<td><input type="password" id="confirmpass" name="confirmpass"><span id="checkPassword"></span></td>
</tr>
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 성별:</td>
<td><select id="gender" name="gender"></select></td>
</tr>
<tr>
<td bgcolor="#D8D8D8">연락처:</td>
<td><input type="text" name="tel"></td>
</tr>
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 희망지역:</td>
<td><select id="hoperegion" ></select>
	 <select id = "gugun" name="hoperegion"><option>----</option></select>
</td>
</tr>
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 이메일:</td>
<td><input type="text" name="email"></td>
</tr>
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 비밀번호질문:</td>
<td><select id="questionpass" name="questionpass"></select></td>
</tr>
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 비밀번호답변:</td>
<td><input type="text" name="answerpass"></td>
</tr>
<tr>
<td bgcolor="#D8D8D8">개인사진등록 :</td>
<td><input type="file" name="uploadfile"  value="파일선택"></td>
</tr>
<tr>
<td bgcolor="#D8D8D8">학교:</td>
<td><input type="text" name="university">대학교</td>
</tr>
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 희망과목:</td>
<td><select id="hopesubject" name="hopesubject" ></select></td>
</tr>
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 학생희망성별:</td>
<td><select id="hopegender" name="hopegender"></select></td>
</tr>
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 교습가능학생:</td>
<td><select id="availablestudent" name="availablestudent"></select></td>
</tr>
<tr>
<td bgcolor="#D8D8D8">교습가능요일:</td>
<td>
<input type="button" id="checkAll" value="전체선택">
<input type="button" id="uncheckAll" value="전체해제">
<input type="checkbox" name="availableday" value="월" ></input><label>월</label>
<input type="checkbox" name="availableday" value="화" ></input><label>화</label>
<input type="checkbox" name="availableday" value="수" ></input><label>수</label>
<input type="checkbox" name="availableday" value="목" ></input><label>목</label>
<input type="checkbox" name="availableday" value="금" ></input><label>금</label>
<input type="checkbox" name="availableday" value="토" ></input><label>토</label>
<input type="checkbox" name="availableday" value="일" ></input><label>일</label>
</td>
</tr>
<tr>
<td bgcolor="#D8D8D8">교습가능시간:</td>
<td><input type="text" name="availabletime"> 24시간제 로 입력하세요 (ex.13시~15시)</td>
</tr>
<tr>
<td bgcolor="#D8D8D8">자기소개:</td>
<td><textarea rows="7" cols="65" name="intro">이곳에 글을 작성하세요...</textarea></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="회원가입"></td>
</tr>
</table>
</form>